<template>
  <div class="home">
      <h2 class="hello">智慧社区管理系统,欢迎你！</h2>
      <img class="img1" src="../../static/0.gif"/>
      <img class="img2" src="../../static/0.gif"/>
  </div>
 
</template>
<style scoped>
.home{
  /* background: rgba(0, 8, 7, 0.1);   浏览器不支持时显示 */
    /* background:rgba(204, 247, 221, 0.568); */
    background-image: linear-gradient( to bottom right,rgba(157, 202, 175, 0.568), rgba(142, 248, 185, 0.568),rgba(44, 114, 73, 0.808));

    height: 83%;
    position: absolute;
    top: 100px;
    left: 222px;
    width: 82%;
}
.hello{
  text-align: center;
  margin-top:15%;
  font-family:  Courier;
  font-size: 38px;
  letter-spacing: 8px;
  color: rgba(44, 114, 73, 0.808);
}
.img1{
  display: inline-block;
  width: 100px;
  margin-top:100px;
  margin-left:20px;
 
}
.img2{
  display: inline-block;
  width: 100px;
  margin-top:100px;
  margin-left:850px;
 
}
</style>